<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">

    <ui:composition template="/plantillas/plantillaPrincipal.xhtml">
        <ui:define name="contenido">
            <f:view>
                <h:form id="formLineaDetalle">


                    <p:panel id="pnlListarDetalle"
                             style="width: 100%;" visible="true"
                             widgetVar="listaDetalle">
                        
                        <f:facet name="header" >
                            <p:outputPanel layout="block" >
                                <h:outputLabel value="Movimientos de Linea de Credito"  />
                                <p:commandButton  value="Imprimir" type="button" icon="ui-icon-print" style="font-size: 10px;float: right">  
                                    <p:printer target="pnlMovimientosLinea"  />    
                                </p:commandButton >
                            </p:outputPanel>
                        </f:facet>
                        <p:panelGrid style="width: 800px;margin: 10px auto" id="pnlMovimientosLinea">
                            
                            <p:row>
                                <p:column>
                                    <h:outputText value="CLIENTE:  " styleClass="lblForm" />
                                </p:column>
                                <p:column>
                                    <h:outputText value="#{BKVentaLineaCredito.ventaLineaCreditoSeleccionado.rasonSocial}" />
                                </p:column>

                            </p:row>
                            <p:row>
                                <p:column>
                                    <h:outputText value="LINEA DE CRÉDITO: " styleClass="lblForm" />
                                </p:column>
                                <p:column>
                                    <h:outputText value="#{BKVentaLineaCredito.ventaLineaCreditoSeleccionado.lineaCredito}" >
                                        <f:convertNumber minFractionDigits="2" maxFractionDigits="2" />
                                    </h:outputText>    
                                </p:column>

                            </p:row>
                            <p:row>
                                <p:column>
                                    <h:outputText value="LINEA USADA: " styleClass="lblForm" />
                                </p:column>
                                <p:column>
                                    <h:outputText value="#{BKVentaLineaCredito.ventaLineaCreditoSeleccionado.lineaUsada}"  >
                                        <f:convertNumber minFractionDigits="2" maxFractionDigits="2" />
                                    </h:outputText>    
                                </p:column>

                            </p:row>
                            <p:row>
                                <p:column>
                                    <h:outputText value="LINEA DISPONIBLE: " styleClass="lblForm" />
                                </p:column>
                                <p:column>
                                    <h:outputText value="#{BKVentaLineaCredito.ventaLineaCreditoSeleccionado.lineaUsada}"  >
                                        <f:convertNumber minFractionDigits="2" maxFractionDigits="2" />
                                    </h:outputText>    
                                </p:column>

                            </p:row>
                            
                            <p:row>
                                <p:column colspan="2">
                                    <br />
                                    <p:fieldset legend="Movimientos de Linea de Credito" >
                                    <p:dataTable id="dataTablaDetalle" var="detalle" style="font-size: 10px"
                                                 value="#{BKVentaLineaCreditoDetalle.listaVentaLineaCreditoDetalle}" widgetVar="lista"
                                                 emptyMessage="No se encontraron movimientos"
                                                 filteredValue="" rowIndexVar="rowIndex" paginator="true" rows="40"
                                                 paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} 
                                                 {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
                                                 rowsPerPageTemplate="40,80,100"
                                                 paginatorPosition="bottom" styleClass="dataTabble-seg">

                                        <p:column id="idColumnaNum" style="width: 5%" headerText="Num.">
                                            <h:outputText value="#{rowIndex+1}" />
                                        </p:column>


                                        <p:column id="idColumnaFecha" style="width: 15%" sortBy="#{detalle.fechaOperacion}" headerText="Fecha">
                                            <h:outputText value="#{detalle.fechaOperacion}" />
                                        </p:column>

                                        <p:column id="idColumnaConsumoDetalle" style="width: 25%" sortBy="#{detalle.detalleConsumo}" headerText="Consumo">
                                            <h:outputText value="#{detalle.detalleConsumo}" />
                                        </p:column>

                                        <p:column id="idColumnaConsumoMonto" style="width: 10%" sortBy="#{detalle.montoConsumo}" headerText="Monto">
                                            <h:outputText value="#{detalle.montoConsumo}" style="float: right" >
                                                <f:convertNumber minFractionDigits="2" maxFractionDigits="2" />
                                            </h:outputText>
                                        </p:column>

                                        <p:column id="idColumnaCreditoDetalle" style="width: 25%" sortBy="#{detalle.detalleCredito}" headerText="Credito">
                                            <h:outputText value="#{detalle.detalleCredito}" />
                                        </p:column>

                                        <p:column id="idColumnaCreditoMonto" style="width: 10%" sortBy="#{detalle.montoCredito}" headerText="Monto">
                                            <h:outputText value="#{detalle.montoCredito}" style="float: right" >
                                                <f:convertNumber minFractionDigits="2" maxFractionDigits="2" />
                                            </h:outputText>
                                        </p:column>

                                        <p:column id="idColumnaSaldo" style="width: 10%" sortBy="#{detalle.lineaSaldo}" headerText="Disponible">
                                            <h:outputText value="#{detalle.lineaSaldo}" style="float: right" >
                                                <f:convertNumber minFractionDigits="2" maxFractionDigits="2" />
                                            </h:outputText>
                                        </p:column>
                                    </p:dataTable>
                                        </p:fieldset>
                                </p:column>

                            </p:row>

                        </p:panelGrid>






                        <p:outputPanel id="pnlBoton" layout="block" style="margin: 10px auto;width: 100px">
                            <p:button
                                href="/paginas/ventas/lineaCredito/listarLineaCredito.anx"
                                value="VOLVER" />

                        </p:outputPanel>
                    </p:panel>
                </h:form>
            </f:view>
        </ui:define>
    </ui:composition>

</html>